<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=, initial-scale=1.0" />
        <title>甜觅巧克力工作室</title>
        <link rel="stylesheet" href="../css/index.css" />
    </head>
    <body>
        <header>
            <a href="index.html" style="padding: 0">
                <h1 class="logo"></h1>
            </a>
            <ul>
                <li><a href="../index.html">首页</a></li>
                <li><a class="active" href="product.html">产品展示</a></li>
                <li><a href="culture.html">巧克力课堂</a></li>
                <li><a href="contact.html">联系我们</a></li>
            </ul>
            <div class="btns">
                <a href="">登录</a>
                <a href="./register.html">注册</a>
            </div>
        </header>
        <main class="product">
            <!-- <h1>欢迎来到我们的巧克力工作室</h1>
            <p>探索精致手工巧克力，体验从可可豆到舌尖的奇妙旅程。</p> -->

            <section class="product chocolate">
                <h2>精致手工巧克力</h2>
                <p>我们提供精致手工巧克力，每一份都经过精心制作，保证口感与品质。</p>

                <ul>
                    <li>
                        <img src="../image/手工1.jpg" alt="可可豆巧克力" />
                    </li>
                    <li>
                        <img src="../image/手工2.jpg" alt="巧克力豆" />
                    </li>
                    <li>
                        <img src="../image/手工3.jfif" alt="可可豆巧克力" />
                    </li>
                </ul>
            </section>
            <section class="product chips">
                <h2>巧克力豆</h2>
                <p>秘鲁高山精品，醇厚口感，风味非凡，巧克力爱好者的味蕾盛宴。</p>

                <ul>
                    <li>
                        <img src="../image/豆1.jfif" alt="可可豆巧克力" />
                    </li>
                    <li>
                        <img src="../image/豆2.jfif" alt="可可豆巧克力" />
                    </li>
                    <li>
                        <img src="../image/豆3.jpg" alt="可可豆巧克力" />
                    </li>
                </ul>
            </section>
            <section class="product ice-cream">
                <h2>巧克力冰激凌</h2>

                <p>丝滑香浓的巧克力冰淇淋，每一口都是清凉与醇厚的完美交融，夏日里的奢华享受，让人欲罢不能。</p>
                <ul>
                    <li>
                        <img src="../image/冰1.jpg" alt="" />
                    </li>
                    <li>
                        <img src="../image/冰2.jpeg" alt="" />
                    </li>
                    <li>
                        <img src="../image/冰3.jfif" alt="" />
                    </li>
                </ul>
            </section>
        </main>
        <footer>
            <p>&copy; 2023 Chocolate Studio. All rights reserved.</p>
        </footer>
    </body>
</html>
